<template>
  <div class="box">
    <img :src="url" alt="" />
    <div class="info-container">
      <div class="container">
        <MemberInfo v-for="userInfo in userInfos" :key="userInfo.data" :username="userInfo.username" :name="userInfo.name" :telephone="userInfo.phone" :Sno="userInfo.Sno" :address="userInfo.address" :status="userInfo.status"></MemberInfo>
      </div>

      <div class="pagingbtn">
        <el-pagination background layout="prev, pager, next" :total="100"> </el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
import MemberInfo from '@/components/base/memberinfo.vue'
import userimg from '@/assets/image/usermanage.png'
import { customs } from '@/api/index.js'
export default {
  data() {
    return {
      title: true,
      url: userimg,
      userInfos: []
    }
  },
  components: {
    MemberInfo
  },
  methods: {
    async getCumtoms(url) {
      const response = await customs(url)
      this.userInfos = response.data
    }
  },
  created() {
    this.getCumtoms('/api/back/customs')
  }
}
</script>

<style lang="less" src="@/assets/css/info.less" scoped></style>
<style lang="less" scoped>
// @import url('../../assets/css/info.less');
</style>
